<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <title>Personal Info | Go Learning</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1">
    <meta name="generator" content="Hugo 0.74.3" />
    
    
      <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> 
    
    
      <link href="/dist/css/app.4fc0b62e4b82c997bb0041217cd6b979.css" rel="stylesheet">
    
    
        
        
          
            
    
    
    <link href="/css/main-bundle.css" rel="stylesheet">
    

    
      
<link rel="shortcut icon" href="/assets/micro_xs.png" type="image/x-icon" />

 

    
    
    <meta property="og:title" content="Personal Info" />
<meta property="og:description" content="This page shows private information, shouldn&#39;t be shared before promised!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://jimbowhy.gitee.io/personal/cv_wpwppipie/" />
<meta property="article:published_time" content="2020-08-06T20:14:08-04:00" />
<meta property="article:modified_time" content="2020-08-06T20:14:08-04:00" />
<meta itemprop="name" content="Personal Info">
<meta itemprop="description" content="This page shows private information, shouldn&#39;t be shared before promised!">
<meta itemprop="dateModified" content="2020-08-06T20:14:08-04:00" />
<meta itemprop="wordCount" content="1216">



<meta itemprop="keywords" content="" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Personal Info"/>
<meta name="twitter:description" content="This page shows private information, shouldn&#39;t be shared before promised!"/>

	
  </head>

  <body class="ma0 avenir bg-near-white">

    
   
  






  
  
  <header class="cover bg-top" style="background-image: url('https://jimbowhy.gitee.io/assets/night-sky.jpg');background-position: center bottom;">
    <div class="pb3-m pb6-l bg-black-20">
      

<nav class="pv3 ph3 ph4-ns" role="navigation">
  <div class="flex-l justify-between items-center center">

    <a href="/" class="logo f3 fw2 hover-white no-underline white-90 dib">
      
        <img src="/assets/micro_xs.png" class="w100 mw5-ns" alt="Go Learning" />
      
    </a>

    <div class="flex-l items-center">
      
<h4></h4>
<ul class="pl0 mr3">
    
    <li class="list f5 f4-ns fw4 dib pr3">
        <a class="hover-white no-underline white-90" href="https://jimbowhy.gitee.io/personal/cv_wpwppipi/">个人信息</a>
    </li>
    
</ul>


      
        <ul class="pl0 mr3">
           

          <li class="list f5 f4-ns fw4 dib pr3">
            <a class="hover-white no-underline  white-90" href="/tutorials/" title="Hugo 教程 page">
              Hugo 教程
            </a>
          </li>       

          <li class="list f5 f4-ns fw4 dib pr3">
            <a class="hover-white no-underline  white-90" href="/about/" title="关于 page">
              关于
            </a>
          </li>     

          <li class="list f5 f4-ns fw4 dib pr3">
            <a class="hover-white no-underline  white-90" href="/post/" title="小说 page">
              小说
            </a>
          </li>     

          <li class="list f5 f4-ns fw4 dib pr3">
            <a class="hover-white no-underline  white-90" href="/contact/" title="联络 page">
              联络
            </a>
          </li>  
        </ul>
      
      







<a href="https://www.linkedin.com/in/jimboyeah/?zh" target="_blank" class="link-transition linkedin link dib z-999 pt3 pt0-l mr1" title="LinkedIn link" rel="noopener" aria-label="follow on LinkedIn——Opens in a new window">
  <svg  height="32px"  style="enable-background:new 0 0 65 65;" version="1.1" viewBox="0 0 65 65" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M50.837,48.137V36.425c0-6.275-3.35-9.195-7.816-9.195  c-3.604,0-5.219,1.983-6.119,3.374V27.71h-6.79c0.09,1.917,0,20.427,0,20.427h6.79V36.729c0-0.609,0.044-1.219,0.224-1.655  c0.49-1.22,1.607-2.483,3.482-2.483c2.458,0,3.44,1.873,3.44,4.618v10.929H50.837z M22.959,24.922c2.367,0,3.842-1.57,3.842-3.531  c-0.044-2.003-1.475-3.528-3.797-3.528s-3.841,1.524-3.841,3.528c0,1.961,1.474,3.531,3.753,3.531H22.959z M34,64  C17.432,64,4,50.568,4,34C4,17.431,17.432,4,34,4s30,13.431,30,30C64,50.568,50.568,64,34,64z M26.354,48.137V27.71h-6.789v20.427  H26.354z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/>
</svg>

<span class="new-window"><svg  height="8px"  style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" width="8px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<path d="M598 128h298v298h-86v-152l-418 418-60-60 418-418h-152v-86zM810 810v-298h86v298c0 46-40 86-86 86h-596c-48 0-86-40-86-86v-596c0-46 38-86 86-86h298v86h-298v596h596z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/>
</svg>
</span></a>


<a href="https://github.com/jimboyeah/jimboyeah.github.io" target="_blank" class="link-transition github link dib z-999 pt3 pt0-l mr1" title="Github link" rel="noopener" aria-label="follow on Github——Opens in a new window">
  <svg  height="32px"  style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
  <path d="M256,32C132.3,32,32,134.8,32,261.7c0,101.5,64.2,187.5,153.2,217.9c11.2,2.1,15.3-5,15.3-11.1   c0-5.5-0.2-19.9-0.3-39.1c-62.3,13.9-75.5-30.8-75.5-30.8c-10.2-26.5-24.9-33.6-24.9-33.6c-20.3-14.3,1.5-14,1.5-14   c22.5,1.6,34.3,23.7,34.3,23.7c20,35.1,52.4,25,65.2,19.1c2-14.8,7.8-25,14.2-30.7c-49.7-5.8-102-25.5-102-113.5   c0-25.1,8.7-45.6,23-61.6c-2.3-5.8-10-29.2,2.2-60.8c0,0,18.8-6.2,61.6,23.5c17.9-5.1,37-7.6,56.1-7.7c19,0.1,38.2,2.6,56.1,7.7   c42.8-29.7,61.5-23.5,61.5-23.5c12.2,31.6,4.5,55,2.2,60.8c14.3,16.1,23,36.6,23,61.6c0,88.2-52.4,107.6-102.3,113.3   c8,7.1,15.2,21.1,15.2,42.5c0,30.7-0.3,55.5-0.3,63c0,6.1,4,13.3,15.4,11C415.9,449.1,480,363.1,480,261.7   C480,134.8,379.7,32,256,32z"/>
</svg>

<span class="new-window"><svg  height="8px"  style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" width="8px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<path d="M598 128h298v298h-86v-152l-418 418-60-60 418-418h-152v-86zM810 810v-298h86v298c0 46-40 86-86 86h-596c-48 0-86-40-86-86v-596c0-46 38-86 86-86h298v86h-298v596h596z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/>
</svg>
</span></a>








    </div>

  </div>
</nav>

      <div class="tc-l ph3 ph4-ns">
        
          <h1 class="f2 f1-l fw2 black mb0 lh-title">Personal Info</h1>
          
            <h2 class="fw1 f5 f3-l yellow measure-wide-l center lh-copy mt3 mb4">
              This page shows private information, shouldn&#39;t be shared before promised!
            </h2>
          
        
      </div>
    </div>
  </header>




    

    <main class="pb5" role="main">
      
  
  
  <article class="flex-l flex-wrap justify-between mw8 center ph3">
    <header class="mt4 w-100">
      <aside class="instapaper_ignoref b helvetica tracked">
          
        PERSONALS
      </aside>
      




  <div id="sharing" class="mt3">

    
    <a href="https://www.facebook.com/sharer.php?u=https://jimbowhy.gitee.io/personal/cv_wpwppipie/" class="facebook no-underline" aria-label="share on Facebook">
      <svg height="32px"  style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M28.765,50.32h6.744V33.998h4.499l0.596-5.624h-5.095  l0.007-2.816c0-1.466,0.14-2.253,2.244-2.253h2.812V17.68h-4.5c-5.405,0-7.307,2.729-7.307,7.317v3.377h-3.369v5.625h3.369V50.32z   M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4s30,13.431,30,30S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;"/></svg>

    </a>

    
    
    <a href="https://twitter.com/share?url=https://jimbowhy.gitee.io/personal/cv_wpwppipie/&amp;text=Personal%20Info" class="twitter no-underline" aria-label="share on Twitter">
      <svg height="32px"  style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M37.167,22.283c-2.619,0.953-4.274,3.411-4.086,6.101  l0.063,1.038l-1.048-0.127c-3.813-0.487-7.145-2.139-9.974-4.915l-1.383-1.377l-0.356,1.017c-0.754,2.267-0.272,4.661,1.299,6.271  c0.838,0.89,0.649,1.017-0.796,0.487c-0.503-0.169-0.943-0.296-0.985-0.233c-0.146,0.149,0.356,2.076,0.754,2.839  c0.545,1.06,1.655,2.097,2.871,2.712l1.027,0.487l-1.215,0.021c-1.173,0-1.215,0.021-1.089,0.467  c0.419,1.377,2.074,2.839,3.918,3.475l1.299,0.444l-1.131,0.678c-1.676,0.976-3.646,1.526-5.616,1.568  C19.775,43.256,19,43.341,19,43.405c0,0.211,2.557,1.397,4.044,1.864c4.463,1.377,9.765,0.783,13.746-1.568  c2.829-1.673,5.657-5,6.978-8.221c0.713-1.716,1.425-4.851,1.425-6.354c0-0.975,0.063-1.102,1.236-2.267  c0.692-0.678,1.341-1.419,1.467-1.631c0.21-0.403,0.188-0.403-0.88-0.043c-1.781,0.636-2.033,0.551-1.152-0.402  c0.649-0.678,1.425-1.907,1.425-2.267c0-0.063-0.314,0.042-0.671,0.233c-0.377,0.212-1.215,0.53-1.844,0.72l-1.131,0.361l-1.027-0.7  c-0.566-0.381-1.361-0.805-1.781-0.932C39.766,21.902,38.131,21.944,37.167,22.283z M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4  s30,13.431,30,30S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/></svg>

    </a>

    
    <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https://jimbowhy.gitee.io/personal/cv_wpwppipie/&amp;title=Personal%20Info" class="linkedin no-underline" aria-label="share on LinkedIn">
      <svg  height="32px"  style="enable-background:new 0 0 65 65;" version="1.1" viewBox="0 0 65 65" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M50.837,48.137V36.425c0-6.275-3.35-9.195-7.816-9.195  c-3.604,0-5.219,1.983-6.119,3.374V27.71h-6.79c0.09,1.917,0,20.427,0,20.427h6.79V36.729c0-0.609,0.044-1.219,0.224-1.655  c0.49-1.22,1.607-2.483,3.482-2.483c2.458,0,3.44,1.873,3.44,4.618v10.929H50.837z M22.959,24.922c2.367,0,3.842-1.57,3.842-3.531  c-0.044-2.003-1.475-3.528-3.797-3.528s-3.841,1.524-3.841,3.528c0,1.961,1.474,3.531,3.753,3.531H22.959z M34,64  C17.432,64,4,50.568,4,34C4,17.431,17.432,4,34,4s30,13.431,30,30C64,50.568,50.568,64,34,64z M26.354,48.137V27.71h-6.789v20.427  H26.354z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/>
</svg>

    </a>
  </div>


      <h1 class="f3 athelas mt3 mb1">Personal Info</h1>
      
      
      <time class="f6 mv4 dib tracked" datetime="2020-08-06T20:14:08-04:00">August 6, 2020</time>

      
      
    </header>

    <div class="nested-copy-line-height lh-copy serif f5 nested-links nested-img mid-gray pr4-l w-two-thirds-l">
       
      <a title="Prev Post" class="prev fl" href="https://jimbowhy.gitee.io/personal/shot/">Screenshot</a>
      
       
      <p class="cf"></p>

      <p>
<div class="">
<style>
    .avatar {position: fixed; top: 96px; right:32px; width:168px; border:4px solid #00000047;}
    .qrcode {position: fixed; top: 388px; right:32px; width:168px; border:4px solid #00000047;}
    .table {font-size: 1em;}
    header h1, header h2 {text-shadow: 0px 1px 3px #fff; font-weight: bold; color:black !important;}
    .next, .prev {display: none;}
    .scrollx { width: 100%;overflow-x: scroll; }
    h2 { margin: 12px 0; }
    p { margin: 8px 0; }
    @media (max-width: 800px) {
        .avatar {
            position: absolute;
            top: 368px;
            top: 0px;
            right: 0;
            width: 128px;
            border: 4px solid #00000047;
            margin: 0;
        }
        .qrcode {
            position: absolute;
            top: 0px;
            top: 520px;
            top: 138px;
            right: 0;
            width: 128px;
            border: 4px solid #00000047;
            margin: 0;
        }
    }
    @media print {
        .noprint,
        blockquote,
        header.cover h1,
        header.cover h2,
        header.cover ul,
        footer,
        .cf,
        .instapaper_ignoref,
        .pa0,
        aside,
        #sharing {display: none !important; }
        .athelas { float: left; margin: 0 16px 1em 0; font-size: 1.8em;}
        body,
        .pb3-m,
        header { background: none !important; }
        .qrcode {position: absolute; top: 0px; right:132px; width:168px; border:4px solid #00000047;}
        .github { position: absolute; left: 108px; top:32px; }
        .linkedin  { position: absolute; left: 152px; top:32px; }
        time { float:left; margin: 1em 16px 0 0 !important;}
        h2,
        time:after { content:"#"; clear:both;}
        figure h4 {margin: 8px auto;}
        h1, h2, h3, li, table {line-height: 1.3em;}
        ul { margin:0; padding-left: 0;}
        ul li {list-style:none; min-width: 240px; background: #efefef; padding:2px 8px; background: white; }
        ul ul { padding-left: 16px; margin-top: -2.6em; margin-left: 6em; }
        ul ul li {background: #eee;}
        .scrollx { width: 100%;overflow-x: hidden; }
    }
</style>
</div>

<figure class="avatar">
    <img src="/assets/IMG_20180411_204355_s.jpg"/> 
</figure>

<figure class="qrcode">
    <img src="/assets/mmqrcode1559674444306.png"/> 
</figure>
</p>
<!-- raw HTML omitted -->

<div class="">
    <div class="scrollx">
<table class="table" style="white-space:nowrap;">
<tr><td class="bg-white-30"> Name     </td><td> Jian Ye (Jeango)   </td>
    <td class="bg-white-30"> Language </td><td> Cantoness Mandarin English CET4</td></tr>
<tr><td class="bg-white-30"> Gender   </td><td> Male                </td>
    <td class="bg-white-30"> WeChat   </td><td> jeangowhy             </td></tr>
<tr><td class="bg-white-30"> Major    </td><td> Electronic Technology</td>
    <td class="bg-white-30"> Tel      </td><td> 18933758049           </td></tr>
<tr><td class="bg-white-30"> College  </td><td> Qiongzhou University   </td>
    <td class="bg-white-30"> Email    </td><td> jimboyeah@gmail.com   </td></tr>
<tr><td class="bg-white-30"> Birthday </td><td> 1981/10/28        </td>
    <td class="bg-white-30"></td><td></td></tr>
</table>
    </div>
</div>

<!-- raw HTML omitted -->
<h2 id="skill-tree">Skill Tree</h2>
<ul>
<li>
<p>Master</p>
<ul>
<li>TypeScript, Node.js, Webpack, Vue, React, Next.js</li>
<li>C#, Xamarin APP, .Net Razor Page, Blazor Framework</li>
<li>Golang, Iris, MySQL, Java, Spring SOA</li>
</ul>
</li>
<li>
<p>Professional</p>
<ul>
<li>Erlang/OTP, C &amp; C++, Flutter APP Development</li>
<li>Adobe XD + Protopie Design</li>
<li>PHP &amp; Yaf、Laravel, Python &amp; Django</li>
</ul>
</li>
</ul>
<h2 id="projectexperience">Project/Experience</h2>
<ul>
<li>
<p>Jan 2019 - Aug 2019, a shared mattress system of IoT has developed. This project is mainly divided into two parts, based on WeChat the first one is an applet for the client to control the device by Bluetooth LE. Back-end data center based on Node &amp; React, combined with data acquisition hardware terminal, manages the registered hardware devices in the system, automatically collects fault information during operation, and notifies the administrator to follow up in time. The back-end also provides the data service to the applet, and the customer ordered then paid through the applet, it can start the hardware to provide services. Applet aims to collect and record equipment state, all data summary in the middle platform to provide a report.</p>
</li>
<li>
<p>July 2019 - Dec 2019, an SOP project for OEM. It&rsquo;s a sub-module of the MES system. It is the information automation application of the modern flow process. Based on the high concurrency ability provided by the Go language, and the front-end is developed with React. Through this technology, the production site is connected with the data center to form a data center for the production management personnel to supervise the tasks and status of the production line online at all times, improve the overall product quality through data decision-making, effectively improve the management efficiency and production cost of the enterprise, and directly promote and enhance the competitiveness of the manufacturing industry.</p>
</li>
<li>
<p>2017 - 2019, Shenzhen Kanzhong Film Co., Ltd is involved in entertainment and e-commerce. As technical director, report to the partners directly during the term of office. To cooperate with colleagues in the department according to the product needs to be upgraded iteratively. To develop a micro-app on the WeChat Platform, &ldquo;Idol Influence&rdquo; is one about the fan economy, can achieve high concurrency of fans&rsquo; interaction, and the number of online fans can reach up to 300000. During this period, we reconstructed the e-commerce app &ldquo;Baobao Needs&rdquo; mall, etc., as well as payment system development and maintenance. At the same time, the WeChat Platform as a third-party system of popular SaaS technology presided over the development.</p>
</li>
<li>
<p>2010 - 2016, as front-end technical supervisor in Newtempo Digital Technology Co., Ltd. Responsible for the establishment of front-end team, engaged in enterprise website development. Work successfully served Midea, Haojue, Bear Electric appliances.</p>

<div class="noprint">
    Screenshot ---> <a class="lh-copy" href="https://jimbowhy.gitee.io/personal/shot/#/1">Play</a>
    </div>

</li>
</ul>
<h2 id="education">Education</h2>

<div class="">
<table>
    <tr>
<td>
<figure class="bg-light-blue br4 tc pv3 dark-blue ph1">
    <img src="/cert/IMG_20200810_050824.jpg"/> <figcaption>
            <h4>Graduation Certificate</h4>
        </figcaption>
</figure>
 
</td>
<td>
<figure class="bg-light-blue br4 tc pv3 dark-blue ph1">
    <img src="/cert/IMG_20200810_050959.jpg"/> <figcaption>
            <h4>School Report</h4>
        </figcaption>
</figure>
 
</td>
<td>
<figure class="bg-light-blue br4 tc pv3 dark-blue ph1">
    <img src="/cert/IMG_20200810_093714a.jpg"/> <figcaption>
            <h4>Mathematical modeling Award</h4>
        </figcaption>
</figure>
 
</td>
<td>
<figure class="bg-light-blue br4 tc pv3 dark-blue ph1">
    <img src="/cert/IMG_20200810_093714b.jpg"/> <figcaption>
            <h4>Electronic Competition Award</h4>
        </figcaption>
</figure>
 
</td>
<td>
<figure class="bg-light-blue br4 tc pv3 dark-blue ph1">
    <img src="/cert/IMG_20200810_093714c.jpg"/> <figcaption>
            <h4>Electronic Competition Award</h4>
        </figcaption>
</figure>

</td>
    </tr>
</table>
</div>


<div class="noprint">
Picture ---> <a class="lh-copy" href="https://jimbowhy.gitee.io/personal/showtime/">Play</a>
</div>

<ul>
<li>
<p>After graduation in 2009, engaging in software-related work, constantly specialized in software engineering technology. In-depth 
working on Web front-end and back-end development technology for more than 8-years, master a few computer programming languages, with full-stack development ability. Master the underlying TCP / IP protocol stack, familiar with RSA asymmetric encryption security system.</p>
</li>
<li>
<p>2006, took part in the college entrance examination, and was admitted to Hainan Qiongzhou University to study <strong>Applied Electronic Technology</strong> major. Major in circuit analysis, digital electronics, analog electronics technology, computer architecture, assembly language, C language courses, proficient in CAD on PCB (Protel). During the period of school, he actively participated in various learning activities, won many national competitions and Hainan university student competitions, and also won the scholarship for outstanding students.</p>
</li>
<li>
<p>1999, dropped out of junior high school and went out to work in Dongguan. Three years later, he went back to build a new school and entered the private Guangming Experimental Senior High School.</p>
</li>
</ul>
<h2 id="self-evaluation">Self-evaluation</h2>
<p>I ever develop .net programs on Windows, and for those years recently, I pick up a job for WeChat MiccoApp development for Shenzhen KanZhong Film Co., Ltd.</p>
<p>Now I want to have a chance to challenge a new job, maybe based on Java, or Golang, and the Next.js.</p>
<p>Programming is fun, and from my college-age run to now, I have learned a few programming languages for more than 10 years.</p>
<ul>
<li>2002, Visual Basic programming for fun, for excel VBA.</li>
<li>2003, C programming for a view that more close to the hardware.</li>
<li>2006, Assembly for PC machine, so I read the Intel&rsquo;s CPU References.</li>
<li>2006, learn JavaScript to write a student union website.</li>
<li>2007, Java for the second year in my college.</li>
<li>2008, I try to learn C++, but it&rsquo;s a hard rock to beat.</li>
<li>2010, When I got a job in Guangzhou city, I lean PHP for those days.</li>
<li>2018, Golang for fun, which is very like C, and the powerful TypeScript.</li>
<li>2019, Erlang/Opt for Concurrency Oriented programming.</li>
</ul>
<p>I spent a lot of time diving into some frameworks, like WordPress, MFC, QT, wxWidget, Vue, Reac.js, Electron, Bootstrap, Xarmarin, Razor Page, ASP.NET MVC, Docker, Spring, and so on. And today, as a full-stack developer, I&rsquo;m attracted by the light SSR framework, the Next.js is powerful to combine with React.</p>
<p>It&rsquo;s a cost in time to learn a new framework, but what is convenient for a job. And there are somethings like TCP/IP, gRPC that worth every minute to learn.</p>
<p>Once, I developed plug-ins like AnyScroll and She-is-Color, but I didn&rsquo;t use Git tools for code management, so I lost them cause I never maintain them.</p>
<p>Now a day, I mainly use Sublime Text and Git as my development tools. And, thanks for Github &amp; Vercel static site services, I own my static site. And you are welcome to visit, <a href="http://jimboyeah.github.io/">Hugo Tutorial</a> &amp; <a href="https://next-js-tutorials.vercel.app/">Next.js Tutorial</a>.</p>
<p>The last thing last, I love to write some words when the time set me free. I have published an e-book named From JavaScript to Vue Component Development on the GitChat. You can download <a href="https://github.com/jimboyeah/demo/blob/C-DayStep-VUE/vue-develop-review_02.pdf">pdf version</a> for free.</p>
 
      <a title="Prev Post" class="prev fl" href="https://jimbowhy.gitee.io/personal/shot/">Screenshot</a>
      
       
      <p class="cf"></p><ul class="pa0">
  
</ul>
<div class="mt3 instapaper_ignoref">
      
      
      </div>
    </div>

    <aside class="w-30-l mt6-l">




</aside>

  </article>

    </main>

    <footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
  <div class="flex justify-between">
  <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://jimbowhy.gitee.io/" >
    &copy;  Nothing is Mine 2021 
  </a>
    <div>







<a href="https://www.linkedin.com/in/jimboyeah/?zh" target="_blank" class="link-transition linkedin link dib z-999 pt3 pt0-l mr1" title="LinkedIn link" rel="noopener" aria-label="follow on LinkedIn——Opens in a new window">
  <svg  height="32px"  style="enable-background:new 0 0 65 65;" version="1.1" viewBox="0 0 65 65" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M50.837,48.137V36.425c0-6.275-3.35-9.195-7.816-9.195  c-3.604,0-5.219,1.983-6.119,3.374V27.71h-6.79c0.09,1.917,0,20.427,0,20.427h6.79V36.729c0-0.609,0.044-1.219,0.224-1.655  c0.49-1.22,1.607-2.483,3.482-2.483c2.458,0,3.44,1.873,3.44,4.618v10.929H50.837z M22.959,24.922c2.367,0,3.842-1.57,3.842-3.531  c-0.044-2.003-1.475-3.528-3.797-3.528s-3.841,1.524-3.841,3.528c0,1.961,1.474,3.531,3.753,3.531H22.959z M34,64  C17.432,64,4,50.568,4,34C4,17.431,17.432,4,34,4s30,13.431,30,30C64,50.568,50.568,64,34,64z M26.354,48.137V27.71h-6.789v20.427  H26.354z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/>
</svg>

<span class="new-window"><svg  height="8px"  style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" width="8px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<path d="M598 128h298v298h-86v-152l-418 418-60-60 418-418h-152v-86zM810 810v-298h86v298c0 46-40 86-86 86h-596c-48 0-86-40-86-86v-596c0-46 38-86 86-86h298v86h-298v596h596z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/>
</svg>
</span></a>


<a href="https://github.com/jimboyeah/jimboyeah.github.io" target="_blank" class="link-transition github link dib z-999 pt3 pt0-l mr1" title="Github link" rel="noopener" aria-label="follow on Github——Opens in a new window">
  <svg  height="32px"  style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
  <path d="M256,32C132.3,32,32,134.8,32,261.7c0,101.5,64.2,187.5,153.2,217.9c11.2,2.1,15.3-5,15.3-11.1   c0-5.5-0.2-19.9-0.3-39.1c-62.3,13.9-75.5-30.8-75.5-30.8c-10.2-26.5-24.9-33.6-24.9-33.6c-20.3-14.3,1.5-14,1.5-14   c22.5,1.6,34.3,23.7,34.3,23.7c20,35.1,52.4,25,65.2,19.1c2-14.8,7.8-25,14.2-30.7c-49.7-5.8-102-25.5-102-113.5   c0-25.1,8.7-45.6,23-61.6c-2.3-5.8-10-29.2,2.2-60.8c0,0,18.8-6.2,61.6,23.5c17.9-5.1,37-7.6,56.1-7.7c19,0.1,38.2,2.6,56.1,7.7   c42.8-29.7,61.5-23.5,61.5-23.5c12.2,31.6,4.5,55,2.2,60.8c14.3,16.1,23,36.6,23,61.6c0,88.2-52.4,107.6-102.3,113.3   c8,7.1,15.2,21.1,15.2,42.5c0,30.7-0.3,55.5-0.3,63c0,6.1,4,13.3,15.4,11C415.9,449.1,480,363.1,480,261.7   C480,134.8,379.7,32,256,32z"/>
</svg>

<span class="new-window"><svg  height="8px"  style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" width="8px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<path d="M598 128h298v298h-86v-152l-418 418-60-60 418-418h-152v-86zM810 810v-298h86v298c0 46-40 86-86 86h-596c-48 0-86-40-86-86v-596c0-46 38-86 86-86h298v86h-298v596h596z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/>
</svg>
</span></a>







</div>
  </div>
</footer>

    

  <script src="/dist/js/app.3fc0f988d21662902933.js"></script>


  </body>
</html>
